<script setup lang="ts">

</script>

<template>
  <div class="tips">
    <div class="header">
      <div class="left">常见科室</div>
      <div class="right">全部 <span style="color:#4490f1;"> > </span></div>
    </div>
    <div class="body">
      <ul>
        <li><i class="iconfont icon-danseyuandian"></i> 中国人民解放军总医院第六医学中心(原海军总医院)呼吸内科门诊停诊公告</li>
        <li><i class="iconfont icon-danseyuandian"></i> 首都医科大学附属北京潞河医院老年医学科门诊停诊公告</li>
        <li><i class="iconfont icon-danseyuandian"></i> 中国人民解放军总医院第六医学中心(原海军总医院)呼吸内科门诊停诊公告</li>
        <li><i class="iconfont icon-danseyuandian"></i> 中国藏学研究中心北京藏医院藏医心脑病科停诊公告</li>
        <li><i class="iconfont icon-danseyuandian"></i> 中日友好医院中西医结合心内科门诊停诊公告</li>
      </ul>
    </div>
  </div>
</template>

<style scoped lang="scss">
.tips {
  margin: 50px 0;

  .header {
    display: flex;
    justify-content: space-between;

    .left {
      font-weight: 600;
    }

    .right {
      font-size: 14px;
      color: #999999;
    }
  }

  .body {
    ul {
      margin-top: 20px;

      li {
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        white-space: nowrap;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        color: #333333;
        cursor: pointer;

        &:hover {
          color: #4490f1;
        }

        .icon-danseyuandian {
          color: #4490f1;
        }
      }
    }
  }
}
</style>
